$(function(){
	$('#left').html('');
	$('#right').html('');
	loadClass(0,0,15)
});

function loadRecomendClass(){
	$('#load_data_button').remove();
	$('#left').html('');
	$('#right').html('');
	loadClass(0,0,15)
}
function loadCareClass(){
	$('#load_data_button').remove();
	$('#left').html('');
	$('#right').html('');
	loadClass(1,0,15)
}

function loadNewClass(){
	$('#load_data_button').remove();
	$('#left').html('');
	$('#right').html('');
	loadClass(3,0,15)
}



function loadClass(type,pos_idx1,count1){
	 $.ajax({
			type : 'POST',
			dataType:'json', 
			url : ctp + '/interface/classList',
			data: {
				type:type,//0 推荐预览查询 1关注预览差查询	2热门预览查询 3最新预览查询
				pos_idx:pos_idx1,
				count:count1,
				source:1
			},
			success:function(data){
				console.log(JSON.stringify(data.data));
				if(data.code==200){
					var left_result='',right_result='';
					for(var i=0;i<data.data.length;i++){
						var cover_pic='';
						//封面图片是否存在，若还不存在则使用默认图片
						if(data.data[i].class_pic ==''){
							cover_pic="images/nopic.jpg";
						}else{
							cover_pic=data.data[i].class_pic;
						}
						
						if(i%2 ==0){
							left_result+=' <div class="row">';
							left_result+=' <div class="ibox">';
						    left_result+='<div class="ibox-content">';
				            left_result+='  <div class="row">';
				            left_result+='<div style="float:left;width:200px;height:120px" > <img alt="image" class="img-responsive" style="width:200px;height:120px" src="'+cover_pic+'"></div>';
				            left_result+='	<div  style="margin-left:210px; width:auto;">';
		                	left_result+='<h2>'+data.data[i].class_name+'</h2>';
		                	left_result+='<p class="nowrap_word">'+data.data[i].indroduce+'</p>';
                    	    left_result+='<p>';
		                 	left_result+='  共<a>'+data.data[i].topic_cnt+'</a>篇话题&nbsp;&nbsp;&nbsp;<a href="web/classDetail.jsp?class_id='+data.data[i].class_id+'">进入班组 ></a>';// 
		                 	left_result+='</p>';
		                 	left_result+='</div>';
		                    left_result+=' </div>';
			                left_result+=' <div class="row m-t-sm ">';
			                if(data.data[i].topic_list!=''){
			                	left_result+=' <ul>';
			                	for(var j=0;j<data.data[i].topic_list.length;j++){
			                		left_result+='<li><a href="web/topicDetail.jsp?topic_id='+data.data[i].topic_list[j].topic_id+'" class="btn-link"><span class="nowrap_word">'+data.data[i].topic_list[j].title+'</span></li></a>';
			                	}
			                	 left_result+=' </ul>';
			                }
		                    left_result+=' </div>';
			                left_result+=' </div>';
			                left_result+=' </div>';
						    left_result+='  </div>  ';    
						}else{
							right_result+=' <div class="row">';
							right_result+=' <div class="ibox">';
						    right_result+='<div class="ibox-content">';
					       // right_result+='<a href="web/topicDetail.jsp?topic_id='+data.data[i].topic_id+'" class="btn-link">';
					       
			               // right_result+='  </a>';
				            right_result+='  <div class="row">';
				            right_result+='<div style="float:left;width:200px;height:120px" > <img alt="image" class="img-responsive" style="width:200px;height:120px" src="'+cover_pic+'"></div>';
		                	right_result+='	<div  style="margin-left:210px; width:auto;">';
		                	 right_result+='<h2>'+data.data[i].class_name+'</h2>';
		                	right_result+='	<p class="nowrap_word" >'+data.data[i].indroduce+'</p>';
                    	    right_result+='<p>';
		                 	right_result+='  共<a>'+data.data[i].topic_cnt+'</a>篇话题&nbsp;&nbsp;&nbsp;<a href="web/classDetail.jsp?class_id='+data.data[i].class_id+'">进入班组 ></a>';//共<a>188</a>篇话题 
		                 	right_result+='</p>';
		                 	right_result+='</div>';
		                    right_result+=' </div>';
			                right_result+=' <div class="row m-t-sm ">';
			                right_result+=' <ul>';
			                if(data.data[i].topic_list!=''){
			                	left_result+=' <ul>';
			                	for(var j=0;j<data.data[i].topic_list.length;j++){
			                		right_result+='<li><a href="web/topicDetail.jsp?topic_id='+data.data[i].topic_list[j].topic_id+'" class="btn-link"><span class="nowrap_word">'+data.data[i].topic_list[j].title+'</span></li></a>';
			                	}
			                	 left_result+=' </ul>';
			                }
		                    right_result+=' </ul>';
		                    right_result+=' </div>';
			                right_result+=' </div>';
			                right_result+=' </div>';
						    right_result+='  </div>  ';    
						}

					}
					
					$('#left').append(left_result);
					$('#right').append(right_result);
					if(data.data.length>=15){
						$('#total').append('<button class="btn btn-primary btn-block m " id="load_data_button" onclick="loadData('+type+')"><i class="fa fa-arrow-down"></i> 显示更多</button>');
					}else{
						$('#total').append('<button class="btn btn-primary btn-block m"  id="load_data_button" > 没有更多班组信息</button>');
					}

				}
			},
			error:function(data){
			}
	    });
}

function loadData(type){
	$('#load_data_button').remove();
	loadClass(type,($('#left').children().length+$('#right').children().length),15);
}
